<template>
  <svg
    width="100%"
    height="100%"
    viewBox="0 0 800 600"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <!-- 办公桌 -->
    <rect
      x="200"
      y="350"
      width="400"
      height="20"
      fill="#4B5563"
    />
    <rect
      x="220"
      y="370"
      width="360"
      height="80"
      fill="#374151"
    />
    <!-- 电脑显示器 -->
    <rect
      x="300"
      y="200"
      width="240"
      height="150"
      rx="8"
      fill="#1F2937"
    />
    <rect
      x="310"
      y="210"
      width="220"
      height="130"
      rx="4"
      fill="#60A5FA"
    />
    <rect
      x="360"
      y="350"
      width="120"
      height="10"
      fill="#4B5563"
    />
    <!-- 键盘和鼠标 -->
    <rect
      x="340"
      y="320"
      width="160"
      height="10"
      rx="2"
      fill="#6B7280"
    />
    <path
      d="M520 330 C525 325, 530 320, 535 325"
      stroke="#6B7280"
      stroke-width="2"
    />
    <!-- 动漫人物 -->
    <!-- 头部 -->

    <circle
      cx="430"
      cy="250"
      r="35"
      fill="#FCD34D"
    />
    <path
      d="M410 235 Q430 255 450 235"
      stroke="#1F2937"
      stroke-width="2"
      fill="none"
    />
    <circle
      cx="415"
      cy="230"
      r="3"
      fill="#1F2937"
    />
    <circle
      cx="445"
      cy="230"
      r="3"
      fill="#1F2937"
    />
    <!-- 头发 -->
    <path
      d="M395 250 Q430 200 465 250"
      stroke="#1F2937"
      stroke-width="20"
      fill="none"
    />
    <path
      d="M400 230 Q430 190 460 230"
      stroke="#1F2937"
      stroke-width="8"
      fill="none"
    />
    <!-- 身体 - 背带裤 -->
    <!-- 身体底色 -->
    <rect
      x="415"
      y="285"
      width="30"
      height="65"
      fill="#2563EB"
      rx="2"
    />
    <!-- 背带裤主体 -->
    <rect
      x="405"
      y="285"
      width="50"
      height="65"
      fill="#1E40AF"
      rx="4"
    />
    <!-- 背带 -->
    <path
      d="M415 285 L415 350"
      stroke="#FBBF24"
      stroke-width="6"
    />
    <path
      d="M445 285 L445 350"
      stroke="#FBBF24"
      stroke-width="6"
    />
    <!-- 背带扣 -->
    <rect
      x="412"
      y="310"
      width="6"
      height="6"
      fill="#F59E0B"
      rx="1"
    />
    <rect
      x="442"
      y="310"
      width="6"
      height="6"
      fill="#F59E0B"
      rx="1"
    />
    <!-- 手臂 -->
    <path
      d="M430 300 L390 330"
      stroke="#FCD34D"
      stroke-width="12"
    />
    <path
      d="M430 300 L470 330"
      stroke="#FCD34D"
      stroke-width="12"
    />
    <!-- 装饰元素 -->
    <circle
      cx="250"
      cy="150"
      r="8"
      fill="#60A5FA"
      opacity="0.5"
    />
    <circle
      cx="580"
      cy="180"
      r="12"
      fill="#818CF8"
      opacity="0.5"
    />
    <circle
      cx="200"
      cy="280"
      r="10"
      fill="#6366F1"
      opacity="0.5"
    />
    <circle
      cx="600"
      cy="300"
      r="6"
      fill="#4F46E5"
      opacity="0.5"
    />
  </svg>
</template>

<style scoped>
text {
  font-family: monospace;
}
</style>
